/* 左外边距 */
.ml-2 {
  margin-left: 0.125rem;
}

.ml-4 {
  margin-left: 0.25rem;
}

.ml-6 {
  margin-left: 0.375rem;
}

.mr-7 {
  margin-left: 0.4375rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.ml-10 {
  margin-left: 0.625rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.ml-14 {
  margin-left: 0.875rem;
}

.ml-16 {
  margin-left: 1rem;
}

.ml-18 {
  margin-left: 1.125rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.ml-22 {
  margin-left: 1.375rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.ml-26 {
  margin-left: 1.625rem;
}

/* 上外边距 */
.mt-2 {
  margin-top: 0.125rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.mt-6 {
  margin-top: 0.375rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.mt-10 {
  margin-top: 0.625rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.mt-14 {
  margin-top: 0.875rem;
}

.mt-16 {
  margin-top: 1rem;
}

.mt-18 {
  margin-top: 1.125rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mt-22 {
  margin-top: 1.375rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

/* 右外边距 */
.mr-2 {
  margin-right: 0.125rem;
}

.mr-4 {
  margin-right: 0.25rem;
}

.mr-6 {
  margin-right: 0.375rem;
}

.mr-7 {
  margin-right: 0.4375rem;
}

.mr-8 {
  margin-right: 0.5rem;
}

.mr-10 {
  margin-right: 0.625rem;
}

.mr-12 {
  margin-right: 0.75rem;
}

.mr-14 {
  margin-right: 0.875rem;
}

.mr-16 {
  margin-right: 1rem;
}

.mr-18 {
  margin-right: 1.125rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.mr-22 {
  margin-right: 1.375rem;
}

.mr-30 {
  margin-right: 1.875rem;
}

/* 下外边距 */
.mb-2 {
  margin-bottom: 0.125rem;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.mb-6 {
  margin-bottom: 0.375rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.mb-14 {
  margin-bottom: 0.875rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-18 {
  margin-bottom: 1.125rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.mb-22 {
  margin-bottom: 1.375rem;
}

// 内边距
.pd-1 {
  padding: 0.0625rem;
  box-sizing: border-box;
}

.pd-4 {
  padding: 0.25rem;
  box-sizing: border-box;
}

.pd-6 {
  padding: 0.375rem;
  box-sizing: border-box;
}

.pd-sx-6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  box-sizing: border-box;
}

.pd-zy-6 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  box-sizing: border-box;
}

.pd-12 {
  padding: 0.75rem;
  box-sizing: border-box;
}

.pd-sx-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  box-sizing: border-box;
}

.pd-zy-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  box-sizing: border-box;
}

.pd-18 {
  padding: 1.125rem;
  box-sizing: border-box;
}

.pd-24 {
  padding: 1.5rem;
  box-sizing: border-box;
}

// 字体大小
.ft-b {
  font-weight: 600;
}

.ft-56 {
  font-size: 3.5rem;
  line-height: 4rem;
}

.ft-52 {
  font-size: 3.25rem;
  line-height: 3.75rem;
}

.ft-48 {
  font-size: 3rem;
  line-height: 3.625rem;
}

.ft-42 {
  font-size: 2.625rem;
}

.ft-38 {
  font-size: 2.375rem;
}

.ft-36 {
  font-size: 2.25rem;
}

.ft-34 {
  font-size: 2.125rem;
}

.ft-30 {
  font-size: 1.875rem;
}

.ft-28 {
  font-size: 1.75rem;
}

.ft-26 {
  font-size: 1.625rem;
}

.ft-24 {
  font-size: 1.5rem;
}

.ft-22 {
  font-size: 1.375rem;
}

.ft-20 {
  font-size: 1.25rem;
}

.ft-18 {
  font-size: 1.125rem;
}

.ft-16 {
  font-size: 1rem;
}

.ft-13 {
  font-size: 0.8125rem;
}

.ft-11 {
  font-size: 0.6875rem;
}

//  felx布局
.flex {
  display: flex;
}

.flex-right {
  display: flex;
  flex-direction: row-reverse;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-wrap-center {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flex-center-zy {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-center-only {
  display: flex;
  justify-content: center;
}

.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-center-z {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-center-y {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-down {
  display: flex;
  flex-direction: column;
}

.flex-zy {
  display: flex;
  justify-content: space-between;
}

.flex-end {
  display: flex;
  align-items: flex-end;
}

.flex-down-center {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.flex-down-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.flex-down-sx-center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.flex-down-sx {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

//字体单行超出省略号
.ft-over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 字体两行超出省略号
.ft-2-over {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.min-h-100 {
  min-height: 100%;
}

.h-100 {
  height: 100%;
}

.h-100-vh {
  height: 100vh;
}

.w-1280 {
  width: 80rem;
}

.w-960 {
  width: 60rem;
}

.w-min-360 {
  min-width: 22.5rem;
}

.w-100 {
  width: 100% !important;
}

.w-70 {
  width: 70%;
}

.w-50 {
  width: 50%;
}

.w-auto {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.move-down-2 {
  transform: translateY(0.125rem);
  vertical-align: middle;
}

.border-5 {
  border-radius: 0.3125rem;
}

.border-10 {
  border-radius: 0.625rem;
}

.border-15 {
  border-radius: 0.9375rem;
}

.over-auto {
  overflow: auto;
}

.over-auto::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.25rem;
  position: fixed;
}

/* 滚动条导轨 */
::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  background: rgba(199, 97, 97, 0.06);
  -webkit-box-shadow: inset 0 0 0.3125rem rgba(207, 48, 48, 0.08);
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background: rgba(23, 164, 33, 0.15);
  -webkit-box-shadow: inset 0 0 0.625rem rgba(255, 103, 0, 0.5);
}

.hover-pointer {
  cursor: pointer;
}

.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.ls-1{
  letter-spacing: 0.125rem;
}